﻿<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
    <!--<![endif]-->
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <!--[if IE]>
            <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
            <![endif]-->
        <title>2019CUPT中南地区赛官网</title>
        <!-- BOOTSTRAP CORE STYLE CSS -->
        <link href="assets/css/bootstrap.css" rel="stylesheet" />
        <!-- FONT AWESOME CSS -->
        <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
        <!-- CUSTOM STYLE CSS -->
        <link href="assets/css/style.css" rel="stylesheet" />
        <!-- Google	Fonts -->
        <link href='http://fonts.googleapis.com/css?family=Nova+Flat' rel='stylesheet' type='text/css' />
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css' />
        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        <style>
            body {
                font-family: 'Sans', sans-serif;
                line-height: 30px;
                background:url('assets/img/background.jpg')no-repeat;
                height:100%;
                width:100%;
                overflow: hidden;
                background-size:cover;
            }
            #mid_logo img{
                width:100%;			/* ... */
                height:100px;		/* ... */
                display:block;
            }
            .left{
                position:fixed;
                left: 100px;
            }
            .right{
                position:fixed;
                left: 1400px;
            }
            .alert {
                filter:alpha(Opacity=80);
                -moz-opacity:0.5;
                opacity: 0.9;
                width: 650px;
                height:330px;
                background-color: #000;
                padding: 15px;
                margin-left: 325px;

                border: 1px solid transparent;
                border-radius: 4px;
            }
            .alert-admin {
                color: #ff6666;
                background-color: #000;
                border-color: #bce8f1;

            }
            .alert-user {
                color: #0033dd;
                background-color: #000;
                border-color: #bce8f1;

            }
            .btn {
                display: inline-block;
                padding: 6px 12px;
                margin-bottom: 0;
                font-size: 14px;
                font-weight: normal;
                line-height: 1.42857143;
                text-align: center;
                white-space: nowrap;
                vertical-align: middle;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                background-image: none;
                border: 1px solid transparent;
                border-radius: 4px;
            }
            .btn-admin{
                background-color: #ff6666;
                color:#fff;
            }
            .btn-user{
                background-color:#0033dd;
                color:#fff;
            }

            .top{
                filter:alpha(Opacity=80);
                -moz-opacity:0.5;
                opacity: 0.8;
                /* 设置宽度高度背景颜色 */
                height: 40px; /*高度改为自动高度*/
                width:100%;
                margin-left: 0;
                background:#666;
                position: display; /*固定在顶部*/
                top: 0;/*离顶部的距离为0*/
                margin-bottom: 5px;
                padding-left: 30px;

            }
            .top ul{
                /* 清除ul标签的默认样式 */
                width: auto;/*宽度也改为自动*/
                list-style-type: none;
                white-space:nowrap;
                overflow: hidden;
                margin-left: 5%;
                /* margin-top: 0;          */
                padding: 0;

            }
            .top li {
                float:left; /* 使li内容横向浮动，即横向排列  */
                margin-right:2%;  /* 两个li之间的距离*/
                position: relative;
                overflow: hidden;
            }

            .top li a{
                /* 设置链接内容显示的格式*/
                display: block; /* 把链接显示为块元素可使整个链接区域可点击 */
                color:white;
                text-align: center;
                padding: 3px;
                overflow: hidden;
                text-decoration: none; /* 去除下划线 */

            }
            .top li a:hover{
                /* 鼠标选中时背景变为黑色 */
                background-color: #000;
            }
            .top ul li ul{
                /* 设置二级菜单 */
                margin-left: -0.2px;
                background:#666;
                position: relative;
                display: none; /* 默认隐藏二级菜单的内容 */

            }
            .top ul li ul li{
                /* 二级菜单li内容的显示 */

                float:none;
                text-align: center;
            }
            .top ul li:hover ul{
                /* 鼠标选中二级菜单内容时 */
                display: block;
            }
        </style>
    </head>
    <body>

        <?PHP
        $_sql = file_get_contents('CUPT.sql');
        $_arr = explode(';', $_sql);
        $_mysqli = new mysqli('127.0.0.1', 'root', 'mysql');
        if (mysqli_connect_errno()) {
        exit('连接数据库出错');
        }
        //执行sql语句
        foreach ($_arr as $_value) {
        $_mysqli->query($_value.';');
        }
        $_mysqli->close();
        $_mysqli = null;
        ?>
        <div id="head">
            <div class="container">
                <div class="row" style="width:1500px;">

                    <div class="col-lg-4 col-md-4 col-sm-4">
                        <a href="http://www.hitsz.edu.cn/index.html" target="_blank">
                            <img src="assets/img/logo.png" width="300" height="70" />
                        </a>
                    </div>
                    <div id="mid_logo" class="col-lg-4 col-md-4 col-sm-4" style="width:500px;margin-left: -130px;margin-top:-20px;">
                        <a href="competition_information.html" target="_self">
                            <img src="assets/img/CUPTzn_logo.png " height="70" class="" />
                        </a>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4" style="margin-left:64px;">
                        <a href="http://ssc.hitsz.edu.cn/" target="_blank" >
                            <img src="assets/img/school_of_science_logo.png" width="300" height="70" />
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <div class="top">
            <center> 
                <li><a href="#" onclick="window_leader(0)" >用户页面</a></li>
                <li><a href="#" onclick="window_leader(1)" >管理员页面</a></li>
            </center>      
        </div>
        <section style="padding:100px 0px 0px 0px;" >
            <div class="container">
                <div class="row">

                    <div>


                        <div id="admin_" class="alert alert-admin">
                            <div class="media">
                                <div class="pull-left">
                                    <!--<img src="assets/img/adminmaster.jpg" width="120" height="230" class="img-responsive" />-->
                                </div>
                                <div class="media-body">
                                    <ul>
                                        <h3 class="media-heading">管理员入口</h3>
                                        <p>
                                            主办方管理员入口，提供管理员信息录入、比赛数据录入等服务 。管理员只需进行管理员注册，无需再进行志愿者注册。
                                        </p>
                                        <li><a href="admin-signin.html" class="btn btn-admin" target="_self" >进入管理员登录</a>
                                            <a href="admin-signup.html" class="btn btn-admin" target="_self" >进入管理员注册</a></li>
                                        <p>
                                            主办方志愿者入口，提供志愿者信息录入、修改、查询等服务。
                                        </p>
                                        <li> <a href="volunteer-signin.html" class="btn btn-admin" target="_self" >进入志愿者登录</a> 
                                            <a href="volunteer-signup.html" class="btn btn-admin" target="_self" >进入志愿者注册</a></li>
                                    </ul>

                                </div>
                            </div>  
                        </div>



                        <div id="user_" class="alert alert-user">
                            <div class="media">
                                <div class="pull-left">
                                    <!--<img src="assets/img/user.jpg" width="120" height="230" class="img-responsive" />-->
                                </div>
                                <div class="media-body">
                                    <ul>
                                        <h3 class="media-heading">用户入口</h3>
                                        <p>
                                            参赛师生登录入口，提供信息注册、比赛通知、成绩查询等服务。
                                        </p>
                                        <li><a href="user-signin.html" class="btn btn-user " target="_self">进入参赛师生登录</a>
                                            <a href="participant-signup.html" class="btn btn-user " target="_self">进入参赛师生注册</a>
                                        </li>
                                        <p>
                                            请先完成个人注册后再进入学校注册（学校注册只需队长或领队一人注册即可）
                                        </p>
                                        <p>
                                            各位申请担任评委的带队老师和非带队老师都请进行评委注册
                                        </p>
                                        <li>
                                            <a href="school-signup.html" class="btn btn-user " target="_self">进入学校注册</a>
                                            <a href="judge-signup.html" class="btn btn-user " target="_self">进入评委注册</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>    

                    </div>

                </div>

            </div>

        </section>

        <div id="footer">
            <div class="container">

                <div class="row">
                    <a href="https://map.baidu.com/poi/%E5%93%88%E5%B0%94%E6%BB%A8%E5%B7%A5%E4%B8%9A%E5%A4%A7%E5%AD%A6(%E6%B7%B1%E5%9C%B3)/@12687920.168219294,2566432.5198642304,19.35z?uid=d5577613b853c00e85420ef7&primaryUid=12811873954306995687&ugc_type=3&ugc_ver=1&device_ratio=1&compat=1&querytype=detailConInfo&da_src=shareurl" target="_blank">
                        <div class="col-lg-4 col-md-4 col-sm-4">
                            <h3>比赛地点</h3>
                            <p>
                                广东省 深圳市 南山区 
                                <br />
                                深圳大学城 哈尔滨工业大学
                                <br />
                            </p>
                        </div>
                    </a>
                    <div class="col-lg-4 col-md-4 col-sm-4 " style="text-align: center;width:700px;" >
                        <table width="1000" >
                            <tr>
                                <th colspan="3"><h3 style="text-align: center;">比赛事宜咨询</h3></th> <th>&nbsp;&nbsp;&nbsp;</th><th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th><th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th> <th><h3>网站BUG反馈及修改建议</h3></th>
                            </tr>
                            <tr>
                                <th>姓名:</th><td><b>陈浩基老师</b></td><td><b>王拴老师</b></td> <th></th><th></th><th></th> <th><b>王家毅</b></th>
                            </tr>
                            <tr>
                                <th>手机:</th><td><b>15546742284</b></td><td><b>13058119308</b></td> <th></th><th></th><th></th> <th><b>13613089675</b></th>
                            </tr>
                            <tr>
                                <th>Email:</th><td>hokeichan@hit.edu.cn</td><td>wangshuan@hit.edu.cn</td> <th></th><th></th><th></th> <th><b>1470492593@qq.com</b></th>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!--  Jquery Core Script -->
        <script src="assets/js/jquery-1.10.2.js"></script>
        <!--  Core Bootstrap Script -->
        <script src="assets/js/bootstrap.js"></script>
        <script>
                    window.onload = function () {
                        window_leader(0);
                    }
                    window_leader_id_list = ['user_', 'admin_'];
                    function window_leader(index) {
                        for (i = 0; i < window_leader_id_list.length; i++) {
                            if (i == index) {
                                document.getElementById(window_leader_id_list[i]).style.visibility = "visible";//显示
                                document.getElementById(window_leader_id_list[i]).style.display = "";//显
                            } else {
                                document.getElementById(window_leader_id_list[i]).style.visibility = "hidden";//隐藏
                                document.getElementById(window_leader_id_list[i]).style.display = "none";//隐藏
                            }
                        }
                    }
        </script>
    </body>
</html>
